<!--18轴疲劳静、强度计算-->
<template>
  <div class="body1" style="position:relative;width: 100%;height: 97%;overflow: auto;display: block">
    <div class="top">
      <div class="title" style="height: 6%;width: 100%">
        <span>输入参数</span>
      </div>
      <div class="top1" style="margin-top: 0.3%">
        <div class="title" style="height: 18%;width: 100%">
          <span>材料及热处理参数</span>
        </div>
        <ul class="top-ul1" style="height: 80%;width: 100%;padding:0">
          <li>
            <span style="width: 7%;margin-left: 2%;margin-right: 1%">材料类型</span>
            <select style="width: 12%;" v-model="input.MatTyp">
              <option value="1">氮化钢</option>
              <option value="2">不退火处理的结构钢</option>
              <option value="3">退火处理结构钢和Cr-Ni-Mo系表面硬化钢</option>
              <option value="4">除Cr-Ni-Mo系之外的表面硬化钢</option>
            </select>
            <span style="width: 22%;">拉伸强度规定试棒直径(mm)</span>
            <span style="width: 8%;margin-right: 1%">{{ output.d_B_TestRod }}</span>
            <button style="width: 2%" @click="showModal1">！</button>
            <span style="width: 25%;">屈服强度规定试棒直径(mm)</span>
            <span style="width: 8%;">{{output.d_S_TestRod}}</span>
          </li>
          <li>
            <span style="width: 20%;margin-left:24% ">规定试棒直径的抗拉强度(MPa)</span>
            <input type="text" style="width: 8%;margin-left: 1%" v-model="input.sigma_B_dB">
            <span style="width: 20%;margin-left: 7%">规定试棒直径的屈服强度(MPa)</span>
            <input type="text" style="width: 8%;" v-model="input.sigma_S_dB">
          </li>
          <li>
            <span style="width: 20%">拉伸强度试棒直径是否为规定值</span>
            <select style="width: 4%;margin-left: 1%" v-model="input.pp7">
              <option value="2">是</option>
              <option value="1" @click="showModal2">否</option>
            </select>
            <span :class="{novisible:(input.pp7==2)}" style="width: 19%;">抗拉强度实际试棒直径(mm)</span>
            <span :class="{novisible:(input.pp7==2)}" style="width: 8%;">{{input.Vd_B_TestRod_K}}</span>
            <span :class="{novisible:(input.pp7==2)}" style="width: 20%;margin-left: 8%">试棒实际直径下的抗拉强度(MPa)</span>
            <span :class="{novisible:(input.pp7==2)}" style="width: 8%;">{{ input.sigma_B_dB }}</span>
          </li>
          <li>
            <span style="width: 20%">屈服强度试棒直径是否为规定值</span>
            <select style="width: 4%;margin-left: 1%" v-model="input.pp8">
              <option value="2">是</option>
              <option value="1" @click="showModal3">否</option>
            </select>
            <span :class="{novisible:(input.pp8==2)}" style="width: 19%;">屈服强度实际试棒直径(mm)</span>
            <span :class="{novisible:(input.pp8==2)}" style="width: 8%;">{{ input.Vd_B_TestRod_Q}}</span>
            <span :class="{novisible:(input.pp8==2)}" style="width: 20%;margin-left: 8%">试棒实际直径下的屈服强度(MPa)</span>
            <span :class="{novisible:(input.pp8==2)}" style="width: 8%;">{{input.sigma_S_dB}}</span>
          </li>
          <li>
            <span style="width: 10%;margin-left: 6.6%">轴热处理方式</span>
            <select style="width: 7%;margin-left: 1%" v-model="input.TreatTyp">
              <option value="1">做退火或正火处理的轴，无渗碳层的表面樱花处理的轴</option>
              <option value="2">其他热处理类型</option>
            </select>
            <span style="width: 15%;margin-left: 4%">材料静支撑效应类型</span>
            <select style="width: 8%;margin-left: 1%" v-model="input.SupportTyp">
              <option value="0">无硬边界层</option>
              <option value="1">有硬边界层</option>
            </select>
            <span style="width: 10%;margin-left: 15%">载荷工况种类</span>
            <select style="width: 7%;margin-left: 1%" v-model="input.LoadTyp">
              <option value="1">当量平均应力值为常数的工况</option>
              <option value="2">当量平均应力值与应力幅值之比为常数的工况</option>
            </select>
          </li>
        </ul>
      </div>
      <div class="top2">
        <div class="title" style="height: 18%;width: 100%">
          <span>载荷参数</span>
        </div>
        <ul class="top-ul2" style="height: 80%;width: 100%;padding:0">
          <li>
            <span style="float: left;margin-left: 5%;width: 11.7%">是否手动输入最大载荷</span>
            <select v-model="input.ifmaxload" style="width: 7%;margin-left: 1%">
              <option value="0">是</option>
              <option value="1">否</option>
            </select>
          </li>
          <li>
            <span style="width: 16.7%;text-align: right;float:left;">轴向力幅值(N)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.F_zd_a">
            <span style="width: 20%;text-align: right;float:left;">弯曲幅值(Nm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.M_b_a">
            <span style="width: 20%;text-align: right;float:left;margin-left: 5%;">扭矩幅值(Nm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.T_t_a">
          </li>
          <li>
            <span style="width: 16.7%;text-align: right;float:left;">轴向力平均值(N)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.F_zd_m">
            <span style="width: 20%;text-align: right;float:left;">弯曲平均值(Nm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.M_b_m">
            <span style="width: 20%;text-align: right;float:left;margin-left: 5%;">扭矩平均值(Nm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.T_t_m">
          </li>
          <li :class="{novisible:input.ifmaxload==1 }">
            <span style="width: 16.7%;text-align: right;float:left;">轴向力最大值(N)</span>
            <input type="text" style="width: 7%;margin-left: 1%;"  v-model="input.loadmax3">
            <span style="width: 20%;text-align: right;float:left;">弯曲最大值(Nm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;"  v-model="input.loadmax4">
            <span style="width: 20%;text-align: right;float:left;margin-left: 5%;">扭矩最大值(Nm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;"  v-model="input.loadmax5">
          </li>
        </ul>
      </div>
      <div class="top3">
        <div class="title" style="height: 17%;width: 100%">
          <span>形状参数</span>
        </div>
        <ul class="top-ul2" style="height: 80%;width: 100%;padding:0">
          <li>
            <span style="float: left;margin-left: 5%;width: 11.7%" >缺口类型</span>
            <select style="width: 7%;margin-left: 1%" v-model="input.NotchTyp">
              <option value="11">带平键的轴毂连接型缺口轴</option>
              <option value="12">无平键的轴毂连接型缺口轴</option>
              <option value="21">渐开线花键轴</option>
              <option value="22">锯齿形轴</option>
              <option value="23">齿形轴</option>
              <option value="24">做表面硬化处理的渐开线、锯齿形轴和齿形轴</option>
              <option value="3">带V环形缺口圆棒</option>
              <option value='4'>带环形方槽型缺口轴</option>
              <option value="51">轴肩</option>
              <option value="52">带圆形槽轴</option>
              <option value="53">带切根的轴肩</option>
              <option value="54">带横孔轴</option>
            </select>
            <span style="width: 20%;text-align: right;float:left;">零件缺口截面直径d(mm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.d">
            <span style="width: 20%;text-align: right;float:left;margin-left: 5%;">表面硬化影响系数 Kv</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.K_v">
            <button style="width: 2%" @click="showModal">！</button>
          </li>
          <li>
            <span style="width: 16.7%;text-align: right;float:left;">热处理有效直径 deff(mm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.deff">
            <span style="width: 20%;text-align: right;float:left;">零件缺口截面内孔直径 di(mm)</span>
            <input type="text" style="width: 7%;margin-left: 1%;" v-model="input.di">
            <span v-bind:class="{novisible:!(input.NotchTyp==3||input.NotchTyp==4||input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53)}" style="width: 20%;text-align: right;float:left;margin-left: 5%;">半径方向缺口深度t(mm)</span>
            <input v-bind:class="{novisible:!(input.NotchTyp==3||input.NotchTyp==4||input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53)}" type="text" style="width: 7%;margin-left: 1%;" v-model="input.t">
          </li>
          <li>
            <span :class="{novisible:!(input.NotchTyp==4||input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53)}"  style="width: 16.7%;text-align: right;float:left;">轴肩直径D(mm)</span>
            <input :class="{novisible:!(input.NotchTyp==4||input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53)}" type="text" style="width: 7%;margin-left: 1%;" v-model="input.D">
            <span :class="{novisible:!(input.NotchTyp==11)}" style="width: 20%;text-align: right;float:left;">轴毂连接平键槽个数</span>
            <input :class="{novisible:!(input.NotchTyp==11)}" type="text" style="width: 7%;margin-left: 1%;" v-model="input.Keynum">
            <span :class="{novisible:!(input.NotchTyp==4||input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53||input.NotchTyp==54)}" style="width: 20%;text-align: right;float:left;margin-left: 5%;">缺口圆角半径r(mm)</span>
            <input :class="{novisible:!(input.NotchTyp==4||input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53||input.NotchTyp==54)}" type="text" style="width: 7%;margin-left: 1%;" v-model="input.r">
          </li>
          <li>
            <span :class="{novisible:!(input.NotchTyp==51||input.NotchTyp==53)}" style="width: 16.7%;text-align: right;float:left;">小轴肩直径D(mm)</span>
            <input :class="{novisible:!(input.NotchTyp==51||input.NotchTyp==53)}" type="text" style="width: 7%;margin-left: 1%;" v-model="input.D1">
            <span :class="{novisible:!(input.NotchTyp==3||input.NotchTyp==4||input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53||input.NotchTyp==54)}" style="width: 20%;text-align: right;float:left;">微观不平度十点高度(um)</span>
            <input :class="{novisible:!(input.NotchTyp==3||input.NotchTyp==4||input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53||input.NotchTyp==54)}" type="text" style="width: 7%;margin-left: 1%;" v-model="input.Rz">
            <span :class="{novisible:!(input.NotchTyp==4)}" style="width: 20%;text-align: right;float:left;margin-left: 5%;">方形圆环缺口宽度m(mm)</span>
            <input  :class="{novisible:!(input.NotchTyp==4)}" type="text" style="width: 7%;margin-left: 1%;" v-model="input.m">
          </li>
        </ul>
      </div>
    </div>
    <div class="bottom">
      <div class="bottom1">
        <div class="title" style="display: block;height: 12%">输出结果</div>
        <ul style="height: 88%;width: 100%;padding: 0%;margin: 0">
          <li>
            <span style="width: 20%;margin-left: 10%">疲劳强度安全系数</span>
            <span style="width: 20%;">{{ output.S_fatigue }}</span>
            <span style="width: 20%;margin-left: 10%">疲劳强度安全系数裕度</span>
            <span style="width: 20%;">{{ output.S_fatigue_R }}</span>
          </li>
          <li>
            <span style="width: 20%;margin-left: 10%">静强度安全系数</span>
            <span style="width: 20%;">{{ output.S_static}}</span>
            <span style="width: 20%;margin-left: 10%">静强度安全系数裕度</span>
            <span style="width: 20%;">{{ output.S_static_R }}</span>
          </li>
          <li>
            <span style="width: 20%;margin-left: 10%">轴向力作用下的总影响系数</span>
            <span style="width: 20%;">{{ output.K_sigma_zd }}</span>
            <span style="width: 20%;margin-left: 10%">轴向力作用下的循环疲劳强度(MPa)</span>
            <span style="width: 20%;">{{ output.sigma_zd_WK }}</span>
          </li>
          <li>
            <span style="width: 20%;margin-left: 10%">弯曲作用下的总影响系数</span>
            <span style="width: 20%;">{{ output.K_sigma_b }}</span>
            <span style="width: 20%;margin-left: 10%">弯曲作用下的循环疲劳强度(MPa)</span>
            <span style="width: 20%;">{{ output.sigma_b_WK }}</span>
          </li>
          <li>
            <span style="width: 20%;margin-left: 10%">剪切作用下的总影响系数</span>
            <span style="width: 20%;">{{ output.K_tao }}</span>
            <span style="width: 20%;margin-left: 10%">剪切作用下的循环疲劳强度(MPa)</span>
            <span style="width: 20%;">{{ output.tao_t_WK }}</span>
          </li>
          <li>
            <span style="width: 20%;margin-left: 10%">零件缺口在轴向力作用下的疲劳缺口系数</span>
            <span style="width: 20%;">{{ output.belta_sigma_zd }}</span>
            <span style="width: 20%;margin-left: 10%">零件在轴向力作用下的屈服极限(MPa)</span>
            <span style="width: 20%;">{{ output.sigma_zd_FK }}</span>
          </li>
          <li>
            <span style="width: 20%;margin-left: 10%">零件缺口在弯曲作用下的疲劳缺口系数</span>
            <span style="width: 20%;">{{ output.belta_sigma_b }}</span>
            <span style="width: 20%;margin-left: 10%">零件在弯曲作用下的屈服极限(MPa)</span>
            <span style="width: 20%;">{{ output.sigma_b_FK }}</span>
          </li>
          <li>
            <span style="width: 20%;margin-left: 10%">零件缺口在剪切作用下的疲劳缺口系数</span>
            <span style="width: 20%;">{{ output.belta_tao }}</span>
            <span style="width: 20%;margin-left: 10%">零件在剪切作用下的屈服极限(MPa)</span>
            <span style="width: 20%;">{{ output.tao_t_FK }}</span>
          </li>
          <li :class="{novisible:!(input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53||input.NotchTyp==54)}">
            <span style="width: 20%;margin-left: 10%">零件缺口在轴向力作用下的应力集中系数</span>
            <span style="width: 20%;">{{ output.alph_sigma_zd }}</span>
          </li>
          <li :class="{novisible:!(input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53||input.NotchTyp==54)}">
            <span style="width: 20%;margin-left: 10%">零件缺口在弯曲作用下的应力集中系数</span>
            <span style="width: 20%;">{{ output.alph_sigma_b }}</span>
          </li>
          <li :class="{novisible:!(input.NotchTyp==51||input.NotchTyp==52||input.NotchTyp==53||input.NotchTyp==54)}">
            <span style="width: 20%;margin-left: 10%">零件缺口在剪切作用下的应力集中系数</span>
            <span style="width: 20%;">{{ output.alph_tao }}</span>
          </li>
        </ul>
      </div>
      <div class="bottom2">
        <button class="button1" style="display: block;height: 10%;width: 20%;margin-left: 1%" @click="onSubmit">计算</button>
        <div class="a" style="float: left;width: 80%;height: 88%;margin-left: 1%">
          <div class="title" style="height: 12%;width: 100%">
            <span>图形参考区域</span>
          </div>
          <div style="text-align: center;height: 90%">
            <img v-show="input.NotchTyp == 11" src="@/assets/image/image_18_1.png" style="height: 100%" alt="logo"/>
            <img v-show="input.NotchTyp == 12" src="@/assets/image/image_18_2.png" style="height: 100%" alt="logo"/>
            <img v-show="input.NotchTyp == 21||input.NotchTyp == 22||input.NotchTyp == 23||input.NotchTyp == 24" src="@/assets/image/image_18_3.png" style="height: 100%" alt="logo"/>
            <img v-show="input.NotchTyp == 3" src="@/assets/image/image_18_7.png" style="height: 100%" alt="logo"/>
            <img v-show="input.NotchTyp == 4" src="@/assets/image/image_18_8.png" style="height: 100%" alt="logo"/>
            <img v-show="input.NotchTyp == 51" src="@/assets/image/image_18_9.png" style="width: 100%" alt="logo"/>
            <img v-show="input.NotchTyp == 52" src="@/assets/image/image_18_10.png" style="height: 100%" alt="logo"/>
            <img v-show="input.NotchTyp == 53" src="@/assets/image/image_18_11.png" style="height: 100%" alt="logo"/>
            <img v-show="input.NotchTyp == 54" src="@/assets/image/image_18_12.png" style="width: 100%" alt="logo"/>

          </div>
        </div>
      </div>
    </div>
    <a-modal v-model="visible1" title="提示" @ok="handleOk1" width="700px"  style="border:12px;overflow: hidden">
      <p>
        当结构钢为以下材料时（S235JR,S275JR,E295,S355JO,E335,E360)(DIN EN 10025标准），其拉伸强度规定试棒直径为3mm
      </p>
    </a-modal>
    <a-modal v-model="visible2" title="提示" @ok="handleOk2" style="border:12px;overflow: hidden">
      <p>
        抗拉强度实际试棒直径(mm)
      </p>
      <input type="text" style="width: 100%;" v-model="input.Vd_B_TestRod_K">
    </a-modal>
    <a-modal v-model="visible3" title="提示" @ok="handleOk3" width="700px"  style="border:12px;overflow: hidden">
      <p>
        屈服强度实际试棒直径(mm)
      </p>
      <input type="text" style="width: 100%;" v-model="input.Vd_B_TestRod_Q">
    </a-modal>
    <a-modal v-model="visible" title="齿数比限制值" @ok="handleOk" width="700px"  style="border:12px;overflow: hidden">
      <img src="@/assets/image/image_18_13.png" style="width: 100%;" alt="">
    </a-modal>
  </div>
</template>
<script>
import {CAL_Safety2Get} from "@/api/file";

export default {
  created(){
    document.title="轴疲劳静、强度计算"
    this.$store.state.file.key =18
  },
  data() {
    return {
      params_18:this.$store.state.file.dataList[18],
      visible:false,
      visible1:false,
      visible2:false,
      visible3:false,
      form: {
        test:'static text'
      },
      input:{
        F_zd_a:0,  //轴向力幅值
        F_zd_m:0,  //轴向力平均值
        M_b_a:1200,  //弯曲幅值
        M_b_m:0,  //弯曲平均值
        T_t_a:0,  //扭矩幅值
        T_t_m:3000,  //扭矩平均值
        ifmaxload:1,  //ifmaxload=1手动输入最大载荷，否则按照公式计算最大载荷
        D:50,  //轴肩直径
        D1:0,  //小轴肩直径
        deff:50,  //热处理有效直径
        t:0,  //半径方向缺口深度
        Keynum:1,  //轴毂连接平键槽个数
        d:50,  //零件缺口截面直径
        di:0,  //零件缺口截面内孔直径
        Rz:12.5,  //微观不平度十点高度
        r:0,  //缺口圆角半径
        m:0,  //方形圆环缺口宽度
        K_v:1,  //表面硬化影响系数
        sigma_B_dB:1100,  //规定试棒直径的抗拉强度
        sigma_S_dB:900,  //规定试棒直径的屈服强度
        LoadTyp:1,  //载荷工况种类
        NotchTyp:11,  //缺口类型
        MatTyp:3,  //材料类型
        TreatTyp:1,  //轴热处理方式
        SupportTyp:0,  //材料静支撑效应类型
        loadmax3:2500,  //不知道
        loadmax4:8000,  //不知道
        loadmax5:3000,  //不知道
        pp7:2,  //抗拉是否为规定
        pp8:2,  //屈服强度是否为规定

        Vd_B_TestRod_K:0,  //抗拉强度规定试棒直径
        Vd_B_TestRod_Q:0,  //不知道
      },
      output:{
        S_fatigue:"static text",  //疲劳强度安全系数
        S_fatigue_R:"static text",  //疲劳强度安全系数裕度
        S_static:"static text",  //静强度安全系数
        S_static_R:"static text",  //静强度安全系数裕度
        K_sigma_zd:"static text",  //轴向力作用下的总影响系数
        K_sigma_b:"static text",  //弯曲作用下的总影响系数
        K_tao:"static text",  //剪切作用下的总影响系数
        belta_sigma_zd:"static text",  //零件缺口在轴向力作用下的疲劳缺口系数
        belta_sigma_b:"static text",  //零件缺口在弯曲作用下的疲劳缺口系数
        belta_tao:"static text",  //零件缺口在剪切作用下的疲劳缺口系数
        alph_sigma_zd:"static text",  //零件缺口在轴向力作用下的应力集中系数
        alph_sigma_b:"static text",  //零件缺口在弯曲作用下的应力集中系数
        alph_tao:"static text",  //零件缺口在剪切作用下的应力集中系数
        sigma_zd_WK:"static text",  //轴向力作用下的循环疲劳强度(MPa)
        sigma_b_WK:"static text",  //弯曲作用下的循环疲劳强度(MPa)
        tao_t_WK:"static text",  //剪切作用下的循环疲劳强度(MPa)
        sigma_zd_FK:"static text",  //零件在轴向力作用下的屈服极限(MPa)
        sigma_b_FK:"static text",  //零件在弯曲作用下的屈服极限(MPa)
        tao_t_FK:"static text",  //零件在剪切作用下的屈服极限(MPa)
        Vsigma_Bd:"static text",  //试棒实际直径下的抗拉强度(MPa)
        Vsigma_Sd:"static text",  //试棒实际直径下的屈服强度(MPa)
        d_B_TestRod:"static text",  //拉伸强度规定试棒直径 (mm)
        d_S_TestRod:"static text",  //屈服强度规定试棒直径 (mm)
        Vd_B_TestRod_K:"static text",  //抗拉强度实际试棒直径(mm)
        Vd_S_TestRod_Q:"static text",  //屈服强度实际试棒直径(mm)
      },
      outputform:[],
    }
  },
  methods: {
    showModal() {
      this.visible = true;
    },
    change(){
      // this.output.Vd_B_TestRod_K=this.outputform[0],
      this.output.Vsigma_Bd_K=this.outputform[1],
          // this.output.Vd_B_TestRod_Q=this.outputform[2],
          this.output.d_B_TestRod=this.outputform[3],
          this.output.Vsigma_Bd_Q=this.outputform[4],
          this.output.d_S_TestRod=this.outputform[5],
          this.output.S_fatigue=this.outputform[6],
          this.output.S_fatigue_R=this.outputform[7],
          this.output.S_static=this.outputform[8],
          this.output.S_static_R=this.outputform[9],
          this.output.K_sigma_zd=this.outputform[10],
          this.output.K_sigma_b=this.outputform[11],
          this.output.K_tao=this.outputform[12],
          this.output.sigma_zd_WK=this.outputform[13],
          this.output.sigma_b_WK=this.outputform[14],
          this.output.tao_t_WK=this.outputform[15],
          this.output.alph_sigma_zd=this.outputform[16],
          this.output.alph_sigma_b=this.outputform[17],
          this.output.alph_tao=this.outputform[18],
          this.output.sigma_zd_FK=this.outputform[19],
          this.output.sigma_b_FK=this.outputform[20],
          this.output.tao_t_FK=this.outputform[21],
          this.output.belta_sigma_zd=this.outputform[22],
          this.output.belta_sigma_b=this.outputform[23],
          this.output.belta_tao=this.outputform[24]
    },
    handleOk(e) {
      console.log(e);
      this.visible = false;
    },
    showModal1() {
      this.visible1 = true;
    },
    handleOk1(e) {
      console.log(e);
      this.visible1 = false;
    },
    showModal2() {
      this.visible2 = true;
    },
    handleOk2(e) {
      console.log(e);
      this.visible2 = false;
    },
    showModal3() {
      this.visible3 = true;
    },
    handleOk3(e) {
      console.log(e);
      this.visible3 = false;
    },
    onSubmit() {
      CAL_Safety2Get(this.input).then(res => {
        console.log("打印结果");
        console.log(res);
        this.outputform=res;
        this.change();
        // if (outputform.code === 200) {
        //   console.log(outputform.data);
        //   this.input=outputform.data;
        //   console.log(this.input);
        // }
      });
    }
  }
}
</script>
<style scoped>
*{
  overflow: hidden;
}
.novisible{
  visibility: hidden;
}
.bottom1 span{
  float: left;
  display: block;
  height: 100%;
}
.button1{
  background-color: #6dd400;
  border-radius: 4px;
  border: 2px #686868;
}
.bottom1 li{
  width: 100%;
  height: 9.09%;
}
.title{
  background-color: #D7D7D7;
  border-radius: 3px;
  font-weight: bolder;
  font-size: 17.5px;
}
.top1,.top2,.top3,.top,.bottom1,.body1,.a{
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
}
input{
  text-align: center;
}
.top1 span,.top input,.top select,.top button{
  float: left;
  display: block;
  height: 90%;
}
.top-ul1 span,
.top-ul2 span{
  text-align: right;
}
li{
  list-style: none;

}
body{
  min-height:856px ;
  min-width: 1376px;
}
.top {
  height: 60%;
  margin: 0% 0.5%;
}
.bottom {
  height: 32%;
  margin-top: 0.5%;
}
.top-ul1 li{
  height: 20%;
  width: 100%;
}
.top-ul2 li{
  height: 25%;
  width: 100%;
}
.bottom1 {
  height: 98%;
  float: left;
  width: 60%;
  margin-left: 0.5%;
}

.bottom2 {
  height: 100%;
  width: 38%;
  float: left;
}

.bottom1-left {
  float: left;;
}

.bottom1-left div {
  float: left;
}

.bottom1-left-block1 label {
  display: block;

}
.top1, .top2, .top3 {
  width: 70%;
  height: 30%;
  margin-left: 1%;
}

img {
  vertical-align: top;
  border: none;
}

body {
  font-size: 10px;
}

label {
  padding-right: 5%;
}
</style>